import { Row, Col } from 'antd';
import styled from 'styled-components'

export const ListCard = styled(Row)`

`
export const ListCardItem = styled(Col)`
  height: ${props => props.types === 'small' ? '40px' : '50px'};
  text-align: ${props => props.types === 'small' ? 'left' : 'center'} !important;
  display: flex;
  align-items:  ${props => props.types === 'small' ? 'left' : 'center'};
  justify-content: space-around;
  flex-direction: column;
  padding: ${props => props.types === 'small' ? '0 10px' : '0 25px'};
  border:  ${props => props.types === 'small' ? '0' : '1px solid #eaeaea'};
  border-top: 0;
  border-right: 0;
  word-break: break-all;
  white-space: normal;
  font-size: 15px;
  color: rgba(0, 0, 0, .85);
  background: ${props => props.types === 'small' ? '#fff' : '#f0f6fa'};
`

export const ListCardItemV = styled(ListCardItem)`
  background: #fff;
  align-items: flex-start;
`